@charset "utf-8";
/* CSS Document */

html, body { margin:0px; height:0px; height:100%; zoom:1; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background-color:#78BCBC; font-size:16px; color:#333333; font-family:'Lato', Arial, Helvetica, sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, p { padding:0; margin:0; }

img { border:none; }

input { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; }

@font-face {
	font-family:'AvantGarde';
	src:url('../fonts/AvantGarde.eot');
	src:url('../fonts/AvantGarde.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvantGarde.woff2') format('woff2'),
		url('../fonts/AvantGarde.woff') format('woff'),
		url('../fonts/AvantGarde.ttf') format('truetype'),
		url('../fonts/AvantGarde.svg#AvantGarde') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1024px; background-color:#ffffff; }
#wrap .container { width:1024px; margin:0px auto; position:relative; }

#top { border-top:5px solid #78BCBC; }
#top .container { height:118px; }
#top .logo { float:left; padding-left:8px; padding-top:12px; }
#top .logo a { display:block;margin-top:10px;margin-bottom:10px;width:337px; height:80px; background:url(../img/logo.png) no-repeat left top; }
#top .top_nav_area { float:right; padding-right:18px; padding-top:10px; text-align:right; }
#top .top_nav { display:inline-block; zoom:1; *display:inline; vertical-align:top; margin-left:20px; }
#top .top_nav:before { content:"."; font-size:0; vertical-align:middle; }
#top .top_nav img { padding-right:6px; vertical-align:middle; }
#top .top_nav a { vertical-align:middle; font-size:14px; color:#000000; transition:all 0.2s ease; }
#top .top_nav a:hover { color:#78BCBC; }

#menu { background:url(../img/menu_bg.png) repeat-x #ffffff center top; }
#menu .menu_area { height:37px; padding-top:5px; padding-bottom:6px; text-align:center; }
#menu ul.menu_list { }
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; margin:0 1px; vertical-align:top; position:relative; }
#menu ul.menu_list > li > a.lv1 { display:block; position:relative; z-index:6000; padding:0 16px; background-color:transparent; line-height:37px; font-size:14px; color:#000000; transition:all 0.2s ease; }
#menu ul.menu_list > li:hover > a.lv1,
#menu ul.menu_list > li > a.lv1:hover { background-color:#415669; color:#ffffff; }

#menu ul.dropdown_menu { position:absolute; left:0; top:0; z-index:5000; width:156px; padding:10px 0; border-top:1px solid #cacbca; background-color:#415669; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e58868a7', endColorstr='#e58868a7'); text-align:left; transition:all 0.2s ease; visibility:hidden; opacity:0; }
#menu ul.dropdown_menu > li { }
#menu ul.dropdown_menu > li > a.lv2 { display:block; padding:6px 18px; background-color:transparent; font-size:15px; color:#ffffff; transition:all 0.2s ease; }
#menu ul.dropdown_menu > li > a.lv2:hover { background-color:#78BCBC; }

#menu ul.menu_list > li:hover > ul.dropdown_menu { top:37px; visibility:visible; opacity:1; }

#menu ul.dropdown_menu_2 { position:absolute; left:156px; top:34px; z-index:5000; width:156px; padding:10px 0; border-top:1px solid #cacbca; background-color:#415669; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e58868a7', endColorstr='#e58868a7'); text-align:left; transition:all 0.2s ease; visibility:hidden; opacity:0; }
#menu ul.dropdown_menu_2 > li > a.lv3 { display:block; padding:6px 18px; background-color:transparent; font-size:15px; color:#ffffff; transition:all 0.2s ease; }
#menu ul.dropdown_menu_2 > li > a.lv3:hover { background-color:#78BCBC; }
#menu ul.menu_list > li:hover > ul.dropdown_menu > li:hover > ul.dropdown_menu_2 { top:37px; visibility:visible; opacity:1; }

#menu ul.dropdown_menu.service > li > a.lv2 {padding:6px 15px;}

#banner,
#banner .container { width:100%; height:479px; background-color:#fff; position:relative;}
.banner_show { margin:0 auto;width:1024px; height:479px; background-color:#ffffff;overflow:hidden; text-align: center;}
.banner_show img { display:none; width:1024px;}
.banner_show img.active { display:block; }

/*#banner,
#banner .container { height:479px; background-color:#fff; position:relative; }
#banner .banner_show { width:100%; min-width:1024px; height:479px; background-color:#fff; position:relative; overflow:hidden; }
#banner .banner_show .bnr_list { position:absolute; left:0px; top:0px; height:479px; }
#banner .banner_show ul { float:left; }
#banner .banner_show ul li { float:left; }
#banner .banner_show a { display:block; }*/


#main, 
#main .container { background-color:#ffffff; }
#main .container { min-height:500px; }
#main .container.indextype { min-height:302px; }
#main .container .err_Msg {text-align: center; color:red; }
#main .path_area, 
#main .path_area .container { min-height:0; border-bottom:1px solid #999999; }
#main .path_area .container { padding:34px 0 10px 20px; margin-bottom:-1px; box-sizing:border-box; font-size:14px; }
#main .path_area span { color:#000000; }
#main .path_area a { color:#000000; transition:all 0.2s ease; }
#main .path_area a:after { content:">"; padding:0 10px 0 8px; color:#000000; }
#main .path_area a:hover { color:#78BCBC; }
#main .search_area { position:absolute; right:11px; top:18px; xwidth:342px; height:30px; border:1px solid #cccccc; background-color:#ffffff; }
#main .search_area input[type=text] { width:294px; height:18px; padding:6px 0 6px 14px; background-color:#ffffff; border:none; color:#666666; line-height:18px; outline:none; }
#main .search_area button { width:31px; height:30px; background-color:#c0c0c0; border:none; color:#ffffff; cursor:pointer; transition:all 0.2s ease; }
#main .search_area button:hover { background-color:#78BCBC; }

#main .left_side { float:left; width:153px; padding-left:13px; padding-top:30px; }
#main .left_menu { width:100%; font-size:15px; line-height:18px; }
#main .left_menu ul { }
#main .left_menu ul li { padding-bottom:4px; }
#main .left_menu ul li a { display:block; min-height:18px; padding:2px 6px; background-color:transparent; color:#181818; transition:all 0.2s ease; }
#main .left_menu ul li a.oncate, 
#main .left_menu ul li a:hover { background-color:#78BCBC; color:#ffffff; }

#main .right_side { float:right; width:851px; padding-top:28px; padding-bottom:20px; }



#main .multipage { padding-right:8px; text-align:right; }
#main .multipage a { margin:0 8px; font-size:16px; color:#333333; transition:all 0.2s ease; }
#main .multipage a span { color:#bebebe; transition:all 0.2s ease; }
#main .multipage a span.fa-caret-left { padding-right:12px; }
#main .multipage a span.fa-caret-right { padding-left:12px; }
#main .multipage a.onpage, 
#main .multipage a:hover, 
#main .multipage a:hover span { color:#fcad74; }

#footer { height:29px; background:url(../img/footer_bg.png) repeat-x center bottom; }
#footer .container { padding-top:11px; padding-bottom:4px; line-height:14px; font-size:12px; color:#ffffff; font-family:Verdana, Geneva, sans-serif; }
#footer .copyright { float:left; padding-left:22px; }
#footer .designby { float:right; padding-right:22px; }
#footer .designby a { color:#ffffff; }
#footer .designby a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_content { padding:41px 20px 32px 15px; }
.index_content .index_news_area { float:left; width:588px; padding-top:1px; }
.index_content .index_news_title { width:571px; height:29px; margin-left:1px; border-bottom:5px solid #f1f1f1; position:relative; }
.index_content .index_news_title span { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:36px; position:relative; padding:0 3px 0 13px; background-color:#ffffff; border-left:9px solid #78BCBC; line-height:40px; font-size:43px; color:#fcad73; font-family:'AvantGarde'; }
.index_content .index_news_title span:after { position:absolute; right:-42px; top:0; content:"."; font-size:0; width:0; height:0; border-style:solid; border-width:36px 42px 0 0; border-color:#ffffff transparent transparent transparent; }
.index_content .index_news_title a { position:absolute; top:10px; right:2px; display:block; font-family:'AvantGarde'; font-size:13px; color:#666666; transition:all 0.2s ease; }
.index_content .index_news_title a:hover, 
.index_content .index_news_title a i { color:#ff6699; font-style:normal; }
.index_content .index_news_list { height:162px; padding-top:32px; }
.index_content .index_news_list a.index_news { float:left; display:block; width:178px; height:162px; margin-right:18px; text-align:center; line-height:162px; }
.index_content .index_news_list a.index_news:before { content:"."; font-size:0; vertical-align:middle; }
.index_content .index_news_list a.index_news img { max-width:178px;max-height:162px;vertical-align:middle; }
.index_content .index_news_list a.index_news:hover { }

.index_content .index_video { float:right; width:348px; height:196px; background-color:#000; }
.index_content .index_video iframe { width:348px; height:196px; }

/*-------------------------------------------------------------------------------------*/
/* ABOUT */







/*-------------------------------------------------------------------------------------*/
/* NEWS */

.news_list_area { float:left; width:332px; padding:24px 0px 52px 16px; }
.news_list_area .news_list { width:100%; min-height:498px; padding-bottom:38px; }
.news_list_area .news { float:left; display:block; width:150px; height:150px; margin:8px; background-color:#999999; }
.news_list_area .news:before { content:"."; font-size:0; line-height:150px; vertical-align:middle; }
.news_list_area .news img { vertical-align:middle; }
.news_list_area .multipage { padding:0 !important; text-align:center !important; }

.news_detail { float:right; width:594px; padding:32px 21px 26px 0; }
.news_detail .large_photo { width:594px; height:348px; margin-bottom:14px; text-align:center; background-color:#CCCCCC; }
.news_detail .large_photo:before { content:"."; font-size:0; line-height:348px; vertical-align:middle; }
.news_detail .large_photo img { vertical-align:middle; }
.news_detail .sub_photo_area { width:594px; height:56px; padding-bottom:28px; }
.news_detail .list_area { position:relative; width:567px; height:58px; margin:0px auto; overflow:hidden; }
.news_detail .list_area .list { position:absolute; left:0; top:0; height:58px; }
.news_detail .list_area .list a.item { float:left; display:block; width:61px; height:56px; margin-right:9px; border:1px solid #999999; background-color:#ffffff; line-height:56px; text-align:center; transition:all 0.2s ease; cursor:pointer; }
.news_detail .list_area .list a.item:before { content:"."; font-size:0; vertical-align:middle; }
.news_detail .list_area .list a.item img { vertical-align:middle; }
.news_detail .list_area .list a.item:hover { border:1px solid #78BCBC; }
.news_detail .news_detail_video { width:594px; height:348px; margin-bottom:14px; }
.news_detail .news_detail_desc { font-size:14px; line-height:18px; color:#000000; margin-top:20px;}
.news_detail .news_btn {text-align: right; margin:30px 0 20px 0;}
.news_detail .news_btn button{ margin-right:229px;display:inline-block; zoom:1; *display:inline; vertical-align:top; height:40px; padding:0 12px; background-color:#78BCBC; border:none; border-radius:4px; font-size:20px; color:#fff; font-weight:bold; font-family:'AvantGarde'; cursor:pointer; transition:all 0.2s ease; }
.news_detail .news_btn button:hover{ background-color:#3CB371; color:#ffffff; }

.news_detail_area {width:790px;margin:30px auto;}
.news_detail_area .news_detail_photo { width:790px;max-height:1185px;}
.news_detail_area .news_detail_desc {margin-top:30px;margin-bottom:50px;padding:2px;}
.news_detail_area .news_detail_btn {text-align: right;margin-bottom:50px;}
.news_detail_area .news_detail_btn button{ margin-right:30px;display:inline-block; zoom:1; *display:inline; vertical-align:top; height:35px; padding:0 15px; background-color:#78BCBC; border:none; border-radius:4px; font-size:16px; color:#fff; font-weight:bold; font-family:'AvantGarde'; cursor:pointer; transition:all 0.2s ease; }
.news_detail_area .news_detail_btn button:hover{ background-color:#3CB371; color:#ffffff; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCT && VIP */

.prd_title { padding-left:20px; padding-bottom:14px; font-size:26px; color:#000000; }

.prd_list { min-height:802px; padding-bottom:6px; }
.prd_list .prd { float:left; display:block; width:260px; height:292px; margin-bottom:12px; margin-left:16px; }
.prd_list .prd_photo { width:260px; height:260px; border:1px solid transparent; background-color:#ffffff; text-align:center; line-height:260px; transition:all 0.2s ease; }
.prd_list .prd_photo:after { content:"."; font-size:0; vertical-align:middle; }
.prd_list .prd_photo img { vertical-align:middle; }
.prd_list .prd_code { width:254px;text-align:center; height:22px; padding:8px 4px 0 4px; font-size:13px; color:#181818; line-height:13px; transition:all 0.2s ease; }
.prd_list .prd:hover .prd_photo { border:1px solid #78BCBC; }
.prd_list .prd:hover .prd_code { background-color:#78BCBC; color:#ffffff; }

.prd_detail { width:798px; padding:8px 18px; xborder:1px solid #cccccc; }
.prd_detail .prd_detail_photo { float:left; width:332px; }
.prd_detail .large_photo { width:332px; height:418px; line-height:418px; text-align:center; }
.prd_detail .large_photo:before { content:"."; font-size:0; vertical-align:middle; }
.prd_detail .large_photo img { vertical-align:middle; }
.prd_detail .sub_photo_area { width:360px; padding-top:8px; }

.prd_detail .list_area { position:relative; width:360px; height:102px; margin:0px auto; overflow:hidden; }
.prd_detail .list_area .list { position:absolute; left:0; top:0; height:102px; }
.prd_detail .list_area .list a.item { float:left; display:block; width:100px; height:100px; margin-right:4px; border:1px solid #cccccc; background-color:#ffffff; line-height:100px; text-align:center; transition:all 0.2s ease; cursor:pointer; }
.prd_detail .list_area .list a.item:before { content:"."; font-size:0; vertical-align:middle; }
.prd_detail .list_area .list a.item img { vertical-align:middle; }
.prd_detail .list_area .list a.item:hover { border:1px solid #78BCBC; }

.prd_detail .prd_detail_btn { width:100%; padding:20px 0; }
.prd_detail .prd_detail_btn a { display:block; width:131px; height:38px; background-color:#fff; border-radius:4px; margin:0px auto; font-size:16px; color:#333333; line-height:38px; font-family:'AvantGarde'; text-align:center; transition:all 0.2s ease; }
.prd_detail .prd_detail_btn a:hover { background-color:#78BCBC; color:#ffffff; }

.prd_detail .prd_detail_content { float:right; width:426px; padding-top:24px; padding-bottom:30px; }
.prd_detail .prd_detail_title { padding-bottom:14px; border-bottom:1px solid #cccccc; font-size:30px; }
.prd_detail .prd_detail_info { padding-top:18px; padding-bottom:20px; margin-bottom:32px; border-bottom:1px solid #ededed; font-size:18px; color:#333333; line-height:20px; }
.prd_detail .prd_detail_tab_area { padding-bottom:25px; }
.prd_detail .prd_detail_tab_area ul { margin-bottom:10px; border-bottom:1px solid #cccccc; }
.prd_detail .prd_detail_tab_area ul li { float:left; height:36px; margin-right:5px; }
.prd_detail .prd_detail_tab_area ul li a { display:block; height:35px; padding:0 20px; border:1px solid #cccccc; background-color:#ffffff; line-height:35px; color:#666666; transition:all 0.2s ease; }
.prd_detail .prd_detail_tab_area ul li a:hover, 
.prd_detail .prd_detail_tab_area ul li.ui-tabs-active a { background-color:#666666; border:1px solid #666666; color:#ffffff; }
.prd_detail .prd_detail_tab_content { width:394px; min-height:100px; padding:20px 14px 20px 0; xborder:1px solid #cccccc; font-size:14px; color:#333333; }
.prd_detail .prd_detail_video { width:426px; height:260px; background-color:#000000; }
.prd_detail .prd_detail_video iframe { width:426px; height:260px; }

/*-------------------------------------------------------------------------------------*/
/* OTHER SERVICES */









/*-------------------------------------------------------------------------------------*/
/* MEMBERS ONLY */










/*-------------------------------------------------------------------------------------*/
/* CONTACT US */














/*-------------------------------------------------------------------------------------*/
/* LOGIN && REGISTRATION &&PROFILE */

.login_box_area { padding-top:42px; text-align:center; }
.login_box_topic { width:100%; padding-bottom:26px; font-size:26px; color:#000000; line-height:28px; font-family:'AvantGarde'; }
.login_box { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:396px; min-height:374px; padding:52px 25px 0 25px; margin:0 17px; border-radius:18px; /*border:3px solid #fcb581*/; margin-bottom:36px; box-sizing:border-box; }
.login_box_title { height:42px; border-width:1px 0; border-style:solid; border-color:#c7c7c7; line-height:42px; font-size:21px; color:#000000; font-family:'AvantGarde'; }
.login_box_content { padding:0 7px; }

.login_form { padding-top:32px; }
.login_form .form_row { width:100%; }
.login_form .form_row a { float:right; font-size:15px; color:#000000; line-height:31px; }
.login_form .form_row a:hover { color:#78BCBC; }

.login_box.vip {margin-bottom: 80px;min-height:300px;}
.vip_form .form_row.vip{text-align: center;}
.vip_form { padding-top:32px; }
.vip_form .form_row { width:100%; }
.vip_form .form_row a { float:right; font-size:15px; color:#000000; line-height:31px; }
.vip_form .form_row a:hover { color:#78BCBC; }

.register_desc { padding-top:68px; }
.register_desc p { padding-bottom:28px; font-size:17px; color:#000000; font-family:'AvantGarde'; }
.register_desc a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:31px; padding:0 16px; background-color:#78BCBC; border-radius:4px; font-size:13px; color:#fff; font-weight:bold; font-family:'AvantGarde'; line-height:31px; cursor:pointer; transition:all 0.2s ease; }
.register_desc a:hover { background-color:#3CB371; color:#ffffff; }

.register_area { padding-bottom:10px; background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; display:none; }
.register_area .container { background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; }
.register_area .login_box { width:824px; padding:34px 0 0 0; }
.register_area .register_title { padding-bottom:24px; font-size:17px; color:#000000; font-family:'AvantGarde'; }

.register_form { xpadding-top:32px; padding:32px 0 40px 27px; }
.register_form .form_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:371px; margin:0 5px; }
.register_form .form_btn { padding-right:27px; }

.forgotpw_desc { padding-top:68px; }
.forgotpw_desc p { padding-bottom:28px; font-size:17px; color:#000000; font-family:'AvantGarde'; }
.forgotpw_desc a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:31px; padding:0 16px; background-color:#78BCBC; border-radius:4px; font-size:13px; color:#fff; font-weight:bold; font-family:'AvantGarde'; line-height:31px; cursor:pointer; transition:all 0.2s ease; }
.forgotpw_desc a:hover { background-color:#78BCBC; color:#ffffff; }

.forgotpw_area { padding-bottom:10px; background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; display:none; }
.forgotpw_area .container { background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; }
.forgotpw_area .login_box { width:444px; padding:34px 0 0 0; min-height:250px;}
.forgotpw_area .forgotpw_title { padding-bottom:24px; font-size:17px; color:#000000; font-family:'AvantGarde'; }

.forgotpw_form { xpadding-top:32px; padding:32px 0 40px 27px; }
.forgotpw_form .form_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:371px; margin:0 5px; }
.forgotpw_form .form_btn { padding-right:27px; }

.form_area { text-align:left; }
.form_area .form_row { padding-bottom:22px; position:relative; }
.form_area .form_btn { text-align:center; position:relative; }
.form_area label.desc { display:block; padding-bottom:8px; font-size:15px; color:#000000; line-height:16px; }
.form_area input[type=text], 
.form_area input[type=password] { padding-left:5px; width:100%; height:28px; background-color:#ffffff; border:1px solid #cccccc; box-shadow:inset 3px 3px 5px rgba(103,103,103,0.1); box-sizing:border-box; }
.form_area label.data{padding-left:5px; height:28px; font-size:17px; line-height: 25px;}
.form_area input[type=submit] { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:31px; padding:0 16px; background-color:#78BCBC; border:none; border-radius:4px; font-size:13px; color:#fff; font-weight:bold; font-family:'AvantGarde'; cursor:pointer; transition:all 0.2s ease; }
.form_area input[type=submit]:hover { /*background-color:#ff838a;*/background-color:#3CB371; color:#ffffff; }

/*.forgotpw_form input[type=text] {width:118%;}
*/
.err_Msg.reg, .err_Msg.forgot, .err_Msg.profile, .err_Msg.changepw{padding-right: 27px;}

.profile_area { padding-bottom:10px; background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; display:none; }
.profile_area .container { background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; }
.profile_area .login_box { width:824px; padding:34px 0 0 0; min-height: 350px;}

.profile_form { xpadding-top:32px; padding:32px 0 10px 27px; }
.profile_form .form_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:371px; margin:0 5px; }
.profile_form .form_btn {padding-right:27px; margin-top:20px;}
.profile_form .form_btn input[type=submit] {margin:0 15px;}
.profile_form .form_btn input[type=button]{ margin:0 15px; display:inline-block; zoom:1; *display:inline; vertical-align:top; height:31px; padding:0 16px; background-color:#78BCBC; border:none; border-radius:4px; font-size:13px; color:#fff; font-weight:bold; font-family:'AvantGarde'; cursor:pointer; transition:all 0.2s ease; }
.profile_form .form_btn input[type=button]:hover{ background-color:#3CB371; color:#ffffff; }

.changepw_area { padding-bottom:10px; background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; display:none; }
.changepw_area .container { background:url(../img/section_shadow.jpg) repeat-x #ffffff center top; }
.changepw_area .login_box { width:444px; padding:34px 0 0 0; min-height:250px;}
.changepw_area .changepw_title { padding-bottom:24px; font-size:17px; color:#000000; font-family:'AvantGarde'; }

.changepw_form { xpadding-top:32px; padding:12px 0 40px 27px; }
.changepw_form .form_row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:371px; margin:0 5px; }
.changepw_form .form_btn { padding-right:27px; }

/*-------------------------------------------------------------------------------------*/
/* ENQUIRY */
.enquiry textarea, 
.enquiry input[type=text] { font-size:14px; }


/*-------------------------------------------------------------------------------------*/
/* TRACKING */
.trlist_area table{ text-align: center; border-collapse: collapse; width:900px; margin: 50px 0 30px 62px}
.trlist_area table tr, .trlist_area table th, .trlist_area table td {border: 2px #000 solid; border-collapse: collapse;}
.trlist_area table th {font-weight:normal; background-color: #44546A; color:#fff;}
.trlist_area table td {padding:2px 4px; font-size: 15px;}
.trlist_area table .code {width:90px;}
.trlist_area table .theme {width:120px;}
.trlist_area table .style {width:120px;}
.trlist_area table .orderno {width:110px;}
.trlist_area table .qty {width:160px;}
.trlist_area table .colorno {width:90px;}
.trlist_area table .del {width:90px;}
.trlist_area table .report {width:90px;}

.trdetail_area{width:960px;margin: 50px 0 30px 3px; min-height:50px;background: url(../img/section_shadow.jpg) repeat-x #ffffff center top;}
.trdetail_area .tr_detail{ display:block; padding:30px 0 30px 25px;}

.trdetail_area table{font-weight: bold;}
.trdetail_area table td{border:3px #000 solid; border-collapse: collapse; text-align: center;box-sizing:border-box;}
.trdetail_area table th, 
.trdetail_area table .span{ text-align: center;box-sizing:border-box; color:#fff;}
.trdetail_area table th {vertical-align: top;}
.trdetail_area table th.title .span{font-size:17px;background-color: #44546A; text-align:left; padding-left:20px; border:3px #000 solid; width:100%;}
.trdetail_area table th.dt .span{font-weight:normal;background-color: #44546A; border:3px #44546A solid;}
.trdetail_area table th.dt .MMDD{font-weight:normal; color:#000;}

.trdetail_area table .dt_no {width:30px;} 
.trdetail_area table td.title {width:250px; text-align:left; background-color: #E2EFDA;} 
.trdetail_area table .inspection td.title{font-weight:normal;background-color: #375623; color:#fff;}
.trdetail_area table .aft_title1 {width:40px;}
.trdetail_area table .aft_title2 {width:96px;}
.trdetail_area table td.dt {width:100px;color:#2121FF;font-weight: bold;} /*4*/
.trdetail_area table .aft_dt {width:5px;} /*3*/
.trdetail_area table .aft_all {width:80px;}
.trdetail_area table .comment {text-align:left;border:2px #000 solid;}
.trdetail_area table .remarks_blank {height:130px;}
.trdetail_area table td.remarks {vertical-align: top; text-align: left;}

.trdetail_area table .aft, 
.trdetail_area table .blank_row td, 
.trdetail_area table .dt_no, 
.trdetail_area table th.dt {border:none;}

.trdetail_area .media_area{margin-top: 30px;display:inline-block;width:950px;text-align: center;}	
.trdetail_area .media_area .img{display: inherit;}
.trdetail_area .media_area .video{display: inherit;margin-left:35px;}