@charset "utf-8";
/* CSS Document */
/* FONT
------------------------------------------*/
.underline { text-decoration: underline; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }
/* COLOR
------------------------------------------*/
.orange { color: #F3630C; }
.blue { color: #0085B2; }
.pink { color: #E66A86; }
.green{ color:#678C00 }
.violet{ color:#CC6699 }
.purple{ color:#B872FF;}
.emeraldgreen{color:#00B2B2;}
.khak{color:#D8A300;}
.brown{color:#925D48;}

.border { padding-top: 36px; background: url(../images/common/line_dot.jpg) repeat-x top; }
.border2 { padding-top: 36px; border-top: 1px solid #E1E1E1; }

/* SPACE
------------------------------------------*/
.space2 { height:2px; line-height:0; font-size:0; clear:both; display:block; }
.space3 { height:3px; line-height:0; font-size:0; clear:both; display:block; }
.space5 { height:5px; line-height:0; font-size:0; clear:both; display:block; }
.space8 { height:8px; line-height:0; font-size:0; clear:both; display:block; }
.space10 { height:10px; line-height:0; font-size:0; clear:both; display:block; }
.space12 { height:12px; line-height:0; font-size:0; clear:both; display:block; }
.space15 { height:15px; line-height:0; font-size:0; clear:both; display:block; }
.space18 { height:15px; line-height:0; font-size:0; clear:both; display:block; }
.space20 { height:20px; line-height:0; font-size:0; clear:both; display:block; }
.space22 { height:22px; line-height:0; font-size:0; clear:both; display:block; }
.space25 { height:25px; line-height:0; font-size:0; clear:both; display:block; }
.space30 { height:30px; line-height:0; font-size:0; clear:both; display:block; }
.space35 { height:35px; line-height:0; font-size:0; clear:both; display:block; }
.space40 { height:40px; line-height:0; font-size:0; clear:both; display:block; }
.space50 { height:50px; line-height:0; font-size:0; clear:both; display:block; }
.space60 { height:60px; line-height:0; font-size:0; clear:both; display:block; }
.space70 { height:70px; line-height:0; font-size:0; clear:both; display:block; }
.space90 { height:90px; line-height:0; font-size:0; clear:both; display:block; }
.space100 { height:100px; line-height:0; font-size:0; clear:both; display:block; }
.space120 { height:120px; line-height:0; font-size:0; clear:both; display:block; }
/* PADDING
------------------------------------------*/
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }
.padding30 { padding: 30px; }
.padding35 { padding: 35px; }
.padding40 { padding: 40px; }
.paddingL5 { padding-left: 5px; }
.paddingL10 { padding-left: 10px; }
.paddingL15 { padding-left: 15px; }
.paddingL20 { padding-left: 20px; }
.paddingL25 { padding-left: 25px; }
.paddingL30 { padding-left: 30px; }
.paddingL35 { padding-left: 35px; }
.paddingL40 { padding-left: 40px; }
.paddingL50 { padding-left: 50px; }
.paddingL60 { padding-left: 60px; }
.paddingR3 { padding-right: 3px; }
.paddingR4 { padding-right: 4px; }
.paddingR5 { padding-right: 5px; }
.paddingR7 { padding-right: 7px; }
.paddingR8 { padding-right: 8px; }
.paddingR10 { padding-right: 10px; }
.paddingR12 { padding-right: 12px; }
.paddingR15 { padding-right: 15px; }
.paddingR20 { padding-right: 20px; }
.paddingR22 { padding-right: 22px; }
.paddingR25 { padding-right: 25px; }
.paddingR30 { padding-right: 30px; }
.paddingR35 { padding-right: 35px; }
.paddingR40 { padding-right: 40px; }
.paddingR45 { padding-right: 45px; }
.paddingR50 { padding-right: 50px; }
.paddingR60 { padding-right: 60px; }
.paddingR75 { padding-right: 75px; }
.paddingB0 { padding-bottom: 0px; }
.paddingB5 { padding-bottom: 5px; }
.paddingB8 { padding-bottom: 8px; }
.paddingB10 { padding-bottom: 10px; }
.paddingB15 { padding-bottom: 15px; }
.paddingB18 { padding-bottom: 18px; }
.paddingB20 { padding-bottom: 20px; }
.paddingB25 { padding-bottom: 25px; }
.paddingB30 { padding-bottom: 30px; }
.paddingB35 { padding-bottom: 35px; }
.paddingB40 { padding-bottom: 40px; }
.paddingB45 { padding-bottom: 40px; }
.paddingB50 { padding-bottom: 50px; }
.paddingB60 { padding-bottom: 60px; }
.paddingB70 { padding-bottom: 70px; }
.paddingB80 { padding-bottom: 80px; }
.paddingB90 { padding-bottom: 90px; }
.paddingB100 { padding-bottom: 100px; }
.paddingT8 { padding-top: 8px; }
.paddingT10 { padding-top: 10px; }
.paddingT11 { padding-top: 11px; }
.paddingT12 { padding-top: 12px; }
.paddingT15 { padding-top: 15px; }
.paddingT18 { padding-top: 18px; }
.paddingT20 { padding-top: 20px; }
.paddingT25 { padding-top: 25px; }
.paddingT30 { padding-top: 30px; }
.paddingT35 { padding-top: 35px; }
.paddingT40 { padding-top: 40px; }
.paddingT50 { padding-top: 50px; }
.paddingT60 { padding-top: 60px; }
/* MARGIN
------------------------------------------*/
.margin0 { margin: 0px; }
.marginR10 { margin-right: 10px; }
.marginR20 { margin-right: 20px; }
/* TEXT ALIGN
------------------------------------------*/
.txtLeft { text-align:left; }
.txtCenter { text-align:center; }
.txtRight { text-align:right; }
.align_top { vertical-align: top; }
/* DISPLAY
------------------------------------------*/
.block { display:block; }
.inline { display:inline; }
.dspnone { display:none; }
/* FLOAT
------------------------------------------*/
.floatl { float:left; }
.floatr { float:right; }
/* CLEAR
------------------------------------------*/
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clear { clear:both; }
/* PNG FIX
------------------------------------------*/
.pngfix { }
/* FONT SIZE
------------------------------------------*/
.text10{ font-size:10px; }
.text11{ font-size:11px; }
.text12{ font-size:12px; }
.text14{ font-size:14px; }
.text15{ font-size:15px; }
.text16{ font-size:16px; }
.text17{ font-size:17px; }
.text18{ font-size:18px; }







/*==================================================================

ARTICLE LAYOUT

================================================================== */


/* CONTAINER
--------------------------------------*/
.common { }
.common .container { width: 1003px; padding: 0px; background: url(../images/common/main_bg.gif) repeat-y left 3px; margin-top: 13px; }


/* HEAD INFO
--------------------------------------*/
#head_info{ height: 33px; width: 960px; padding-right: 23px; padding-left: 20px; background: #FFF; }
#head_info #breadcrumb{ float: left; width: 600px; overflow: hidden; font-size: 11px; line-height: 1.2em; height: 1.2em; padding-top: 2px; }
#head_info #breadcrumb a { padding: 0 10px 0 0px; background: url(../images/common/breadcrumb_arrow.jpg) no-repeat right 2px; margin-right: 5px; }
#head_info .socialelement{ float: right; width: 360px; text-align: right;  }

/* SUB
--------------------------------------*/
#sub { width: 231px; float: left;  }
#sub .pr { background: url(../images/common/pr_bg.jpg) no-repeat left top; padding: 3px; height: 190px; width: 225px; margin-bottom: 14px; }
#sub .recommend { }
#sub .recommend h3 { padding: 0px 3px; }
#sub ul.article_thumb li { float: none; margin: 0px 0px 14px; }


/* MAIN
--------------------------------------*/
h2#pagettl { padding-bottom: 0px; padding-top: 20px; padding-left: 20px; }
.article { max-width: 755px; padding-top: 60px; margin: 0 auto; font-size: 1.4rem; line-height: 1.8;}
.article .visual { width: 755px; padding: 0px; margin: 0px; height: 424px; display: none;}
.article .visual img { width: 755px;}
.article img { max-width: 100%;}
.article .ttl { display: none!important; margin-bottom: 30px; min-height: 90px; width: 755px; border-bottom: 1px solid #EEE; background-color: #FF3366; }
.article .ttl .numbering { float: left; width: 80px; }
.ships .article .ttl { background-color: #003459; }
.womens .article .ttl { background-color: #FF3366; }
.jet .article .ttl { background-color: #0099CC; }
.khaju .article .ttl { background-color: #FF6633; }
.liflattie .article .ttl { background-color: #CC6699; }
.kids .article .ttl { background-color: #FFCC00; }
.other .article .ttl { background-color: #B2B2B2; }
.days .article .ttl { background-color: #C3C14B; }
.article .ttl .ttlbox { float: left; width: 635px; color:#333; padding-left: 20px;  padding-right: 20px;  background-color: #F4F4F4; min-height: 90px; }
.article .ttl .ttlbox h2 { font-size: 18px; color: #333; font-weight: bold; line-height: 1.3em; padding-top: 20px; padding-right: 10px; }
.article .ttl .ttlbox .category { background: url(../images/common/category_icon.jpg) no-repeat left center; padding-left: 69px; line-height: 15px; font-size: 10px; margin-top: 15px; margin-bottom: 17px; padding-right: 10px; }
.article .lead { font-size: 15px; line-height: 1.8em; padding: 0px 20px; /*text-align:justify ;*/}
.article .lead h3{ font-size: 20px; line-height: 1.3em; font-weight:bold; padding-bottom:25px; }
.article .entry_content .lead { padding: 0px; }
.article .entry_content{ padding-right: 20px; padding-left: 20px; /*text-align:justify ;*/}
.article .article_image { margin-bottom: 1.6em; text-align: center; }
.article h3 { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.article h4 { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.article h3.ttlborder,  .article h4.ttlborder { padding-bottom: 20px; border-bottom: 3px solid #EBEBEB; margin-bottom: 20px; }
.article p { }
.article .item { padding-bottom: 3.2em; }
.article .item.pd0 { padding-bottom: 0px; }
.article .item .item_image { float: left; width: 300px; margin-right: 23px; text-align: center; }
.article .item .item_image2 { float: left; width: 300px; margin-left: 23px; text-align: center; }
.article .item .item_text { float: left; width: 390px; }
.article .socialelement { padding-bottom: 30px; display: none}


/* CREDIT */
 .credit { display: none;width: 755px; padding: 0px 0px 30px;  }
 .credit h3 { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 20px 0px 20px 20px; }
 .credit .box { width: 713px; padding:10px 1px 1px; background:#F0F0F0; margin-bottom: 10px; margin-left:auto; margin-right:auto; margin-top:20px; }
 .credit .box h4 { padding-bottom:10px; font-size:14px; font-weight:bold; color:#333; padding-left: 10px; }
 .credit .box .left { width:553px; height:15px; padding:5px 10px 9px; background:#FFF; float:left; }
 .credit .box .right { width:140px; height:29px; background:#FFF; float:right; }
 .staffachive { width: 715px; border-top: 1px solid #E1E1E1; padding: 30px 20px 15px; }


/* RELATED */
 .related { width: 755px; padding: 0px 0px 30px; }
 .related h3 { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 20px 0px 20px 20px; }
 .related ul { padding: 10px 20px 0px; }
 .related ul li { line-height: 2em; background: url(../images/icon_arrow_02.jpg) no-repeat left; padding-left: 35px; }
 .related ul.related_list { width: auto; }
 .related ul.related_list li { width: 715px; padding: 0px; background: #FFF; }
 .related ul.related_list li a { display:block; color:#333;  padding: 10px; }
 .related ul.related_list li a:hover { display:block; color:#FFF;}
 .related ul.related_list li:hover, ul.article_thumb li.active { }
 .related ul.related_list li .imageBox { display:block; cursor:pointer; width: 140px; height: 80px; overflow: z-index: 6; float:left; padding-right:20px; }
 .related ul.related_list li .list_title { display:block; font-size: 14px; font-weight: bold; line-height: 120%; padding-bottom: 10px; cursor: pointer; padding-top: 8px; }
 .related ul.related_list li .list_cont { display:block; font-size: 12px; line-height: 150%; height: 3em; overflow: hidden; cursor: pointer; }


/* TWITTER */
 .twitter { width: 755px; padding: 0px 0px 30px; }
 .twitter h3  { border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; padding: 20px 0px 20px 20px; }
 .twitter .tweets { padding: 20px; width: 673px; margin-bottom: 30px; border: 1px solid #ddd; }
 .twitter dl { padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #EEE; }
 .twitter dt { width: 48px; padding-right: 15px; float: left; }
 .twitter dd { float: left; width: 610px; line-height: 1.5em; }
 .twitter dd .meta { float: left; width: 610px; line-height: 1.6em; font-size: 10px; }
iframe.twitter-share-button { width: 105px!important;}

/* BTN */
.return_button { text-align:right; }
.return_button img { margin-bottom:15px; }

/* item credit */
.item_credit {  }
/* 
a.item_credit { display: inline-block; background: url(../images/common/icon_credit.png) no-repeat right 1px; padding-right: 40px; }
*/




/* tooltip */
.tooltip_more { display: none; position: absolute; left: 0px; top:0px; z-index: 5000; }
.tooltip { }



@media (max-width: 767px) {
    .article .entry_content div,
    .article .entry_content p, 
    .article .entry_content ul,
    .article .entry_content li,
    .article .entry_content h1, 
    .article .entry_content h2, 
    .article .entry_content h3, 
    .article .entry_content h4, 
    .article .entry_content h5, 
    .article .entry_content h6, 
    .article .entry_content dl, 
    .article .entry_content dt, 
    .article .entry_content dd, 
    .article .entry_content a, 
    .article .entry_content span
    .article .entry_content img
    { max-width: 100%;
    }
    .article .entry_content img
    { 
        max-width: 100%;
        height: auto;
    }
   
}




/*==================================================================

SUPPORT CLASS

================================================================== */

.item_image110 { float: left; width: 110px; margin-right: 28px; text-align: center; }
.item_text575 { float: left; width: 575px; }
.item_image200 { float: left; width: 200px; margin-right: 38px; text-align: center; }
.item_image200_2 { float: left; width: 200px; margin-left: 38px; text-align: center; }
.item_text475 { float: left; width: 475px; }
.item_image220 { float: left; width: 250px; margin-right: 38px; text-align: center; }
.item_text455 { float: left; width: 485px; }
.item_image250 { float: left; width: 250px; margin-right: 28px; text-align: center; }
.item_image250_2 { float: left; width: 250px; margin-left: 28px; text-align: center; }
.item_text435 { float: left; width: 435px; }
.item_image350 { float: left; width: 350px; margin-right: 18px; text-align: center; }
.item_image350_2 { float: left; width: 350px; margin-left: 18px; text-align: center; }
.item_image350_3 { float: left; width: 350px; }
.item_text345 { float: left; width: 345px; }
.item75 { float: left; width: 75px; }
.item100 { float: left; width: 100px; }
.item105 { float: left; width: 105px; }
.item110 { float: left; width: 110px; }
.item115 { float: left; width: 115px; }
.item120 { float: left; width: 120px; }
.item130 { float: left; width: 130px; }
.item140 { float: left; width: 140px; }
.item150 { float: left; width: 150px; }
.item155 { float: left; width: 155px; }
.item160 { float: left; width: 160px; }
.item185 { float: left; width: 185px; }
.item200 { float: left; width: 200px; }
.item220 { float: left; width: 220px; }
.item225 { float: left; width: 225px; }
.item230 { float: left; width: 230px; }
.item238 { float: left; width: 238px; }
.item240 { float: left; width: 240px; }
.item245 { float: left; width: 245px; }
.item255 { float: left; width: 255px; }
.item250 { float: left; width: 250px; }
.item260 { float: left; width: 260px; }
.item270 { float: left; width: 270px; }
.item275 { float: left; width: 275px; }
.item280 { float: left; width: 280px; }
.item285 { float: left; width: 285px; }
.item290 { float: left; width: 290px; }
.item295 { float: left; width: 295px; }
.item300 { float: left; width: 300px; }
.item305 { float: left; width: 305px; }
.item310 { float: left; width: 310px; }
.item315 { float: left; width: 315px; }
.item320 { float: left; width: 320px; }
.item325 { float: left; width: 325px; }
.item330 { float: left; width: 330px; }
.item335 { float: left; width: 335px; }
.item345 { float: left; width: 345px; }
.item340 { float: left; width: 340px; }
.item350 { float: left; width: 350px; }
.item352 { float: left; width: 352px; }
.item355 { float: left; width: 355px; }
.item357 { float: left; width: 357px; }
.item360 { float: left; width: 360px; }
.item365 { float: left; width: 365px; }
.item370 { float: left; width: 370px; }
.item375 { float: left; width: 375px; }
.item380 { float: left; width: 380px; }
.item385 { float: left; width: 385px; }
.item390 { float: left; width: 390px; }
.item400 { float: left; width: 400px; }
.item405 { float: left; width: 405px; }
.item410 { float: left; width: 410px; }
.item415 { float: left; width: 415px; }
.item420 { float: left; width: 420px; }
.item425 { float: left; width: 425px; }
.item430 { float: left; width: 430px; }
.item435 { float: left; width: 435px; }
.item440 { float: left; width: 440px; }
.item445 { float: left; width: 445px; }
.item450 { float: left; width: 450px; }
.item455 { float: left; width: 455px; }
.item460 { float: left; width: 460px; }
.item465 { float: left; width: 465px; }
.item475 { float: left; width: 475px; }
.item485 { float: left; width: 485px; }
.item490 { float: left; width: 490px; }
.item510 { float: left; width: 510px; }
.item550 { float: left; width: 550px; }
.item560 { float: left; width: 560px; }
.item570 { float: left; width: 570px; }
.frame { border: 1px solid #E1E1E1; }
.name { font-size: 18px; font-weight: bold; padding-bottom: 5px; }